import { createRouter, createWebHistory } from 'vue-router'
import Home from '@/layout/Index.vue'

const routes = [
  {
    path: '/',
    redirect:'/home',
    // 使用导入的组件
    component: Home,
    children: [
      {
        path :'/home',
        component:() =>import('@/views/Home.vue'),
        name:'home',
        meta : {
          title: '首页',
          icon: '#icondashboard'
        }
      }
      ]
  },
  {
    path: '/system',
    redirect:'/',
    name: 'System', // 修改为唯一的 name
    component: Home,
    meta: {
      title: '系统管理',
      icon: '',
      roles: ['sys:system']
    },
    children: [
      {
        path: '/userList', // 去掉前面的斜杠，使用相对路径
        name: 'userList', // 修改为唯一的 name
        // 使用动态导入组件
        component: () => import('../views/system/user/UserList.vue'),
        meta: {
          title: '员工管理',
          icon: 'UserFilled',
          roles: ['sys:user']


        }

  },
  {
    path: '/roleList',
    name: 'roleList',
    // 使用动态导入组件
    component: () => import('../views/system/role/RoleList.vue'),
    meta: {
      title: '角色管理',
      icon: 'List',
      roles: ['sys:role']
    }
  },
  {
    path: '/authList',
    name: 'authList',
    // 使用动态导入组件
    component: () => import('../views/system/auth/AuthList.vue'),
    meta: {
      title: '权限管理',
      icon: 'Grid',
      roles: ['sys:auth']
    }
  }
  ]
},
  {
    path: "/totel",
    name: 'totel', // 修改为唯一的 name
    component: Home,
    meta: {
      title: '酒店管理',
      icon: 'Shop',
      roles: ['sys:totel']
    },
    children: [
      {
        path: '/roomService', // 去掉前面的斜杠，使用相对路径
        name: 'RoomService', // 修改为唯一的 name
        // 使用动态导入组件
        component: () => import('../views/hotel/room/RoomService.vue'),
        meta:{
          title: '服务管理',
          icon: 'HelpFilled',
          roles: ['sys:roomService'],
        },
      },
      {
        path: '/RoomType', // 去掉前面的斜杠，使用相对路径
        name: 'RoomType', // 修改为唯一的 name
        // 使用动态导入组件
        component: () => import('../views/hotel/room/RoomType.vue'),

        meta: {
          title: '房间类型',
          icon: 'Menu',
          roles: ['sys:RoomType']
        }
      },
      {
        path: '/RoomManager', // 去掉前面的斜杠，使用相对路径
        name: 'RoomManager', // 修改为唯一的 name
        // 使用动态导入组件
        component: () => import('../views/hotel/room/RoomManager.vue'),
        meta: {
          title: '房间管理',
          icon: 'HomeFilled',
          roles: ['sys:hotelRoom'],
        },
      },
    ],
  },
  {
    path: '/operation',
    name: 'Operation', // 修改为唯一的 name
    component: Home,
    meta: {
      title: '活动管理',
      icon: 'ChatRound',
      roles: ['sys:operation']
    },
    children: [
      {
        path: '/Banner', // 去掉前面的斜杠，使用相对路径
        name: 'banner', // 修改为唯一的 name
        // 使用动态导入组件
        component: () => import('../views/operation/Banner.vue'),
        meta: {
          title: '广告管理',
          icon: 'Brush',
          roles: ['sys:banner']
        }
      }
    ]
  },
  {
    path: '/Book',
    name: 'order', // 修改为唯一的 name
    component: Home,
    meta: {
      title: '订单管理',
      icon: 'GoodsFilled',
      roles: ['sys:order']
    },
    children: [
      {
        path: '/Checkin', // 去掉前面的斜杠，使用相对路径
        name: 'checkin', // 修改为唯一的 name
        // 使用动态导入组件
        component: () => import('../views/order/checkin/Checkin.vue'),
        meta: {
          title: '入住订单',
          icon: 'SuccessFilled',
          roles: ['sys:checkin'],
        },
      },
      {
        path: '/Book', // 去掉前面的斜杠，使用相对路径
        name: 'Book', // 修改为唯一的 name
        // 使用动态导入组件
        component: () => import('../views//order/book/Book.vue'),
        meta: {
          title: '预定订单',
          icon: 'StarFilled',
          roles: ['sys:book'],
        },
      }
    ],
  },
  {
    path: '/FeedBack',
    name: 'Feedback', // 修改为唯一的 name
    component: Home,
    meta: {
      title: '反馈管理',
      icon: 'CollectionTag',
      roles: ['sys:feedback']
    },
    children: [
      {
        path: '/feedbacklist', // 去掉前面的斜杠，使用相对路径
        name: 'FeedBack', // 修改为唯一的 name
        // 使用动态导入组件
        component: () => import('../views/feedback/feedbacklist.vue'),
        meta: {
          title: '反馈列表',
          icon: 'TakeawayBox',
          roles: ['sys:FeedBack'],
        },
      }
    ]
  }
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router